<!doctype html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>商户</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/mui.css" />
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../js/common.js"></script>
		<link rel="stylesheet" href="../css/common.css" />
		<script src="../js/business.js"></script>
	</head>
	<style>
		.top {
			background: #DC4B19;
			height: 1.25rem;
		}
		
		.soso {
			background: white;
		}
		
		.show dt img {
			width: 3.6rem;
			height: 2.7rem;
		}
		
		.show dl {
			float: left;
			margin-top: 0.1rem;
			margin-left: 0.1rem;
		}
		
		.show dd {
			color:#808080;
			font-size: 15px;
			margin-top: 0.1rem;
			margin-bottom: 0.1rem;
			width:3.5rem;
			white-space:nowrap;
			overflow: hidden;
		}
		.show span{
			display: block;
			color:#7B7B7B;
			font-size: 14px;
			width:3.5rem;
			white-space:nowrap;
			overflow: hidden;
		}
		.banner {
			height: 0.64rem;
			width: 100%;
			background: #DC4B19;
		}
		
		.banner li {
			line-height: 0.64rem;
			float: left;
		}
		
		.l1 {
			margin-left: 0.7rem;
			color: #B5AFAC;
		}
		
		.l2 {
			margin-left: 0.7rem;
			color: #B5AFAC;
		}
		
		.l3 {
			margin-left: 0.7rem;
			color: #B5AFAC;
		}
		
		.active {
			color: #FFFFFF;
		}
	</style>

	<body>
		<header class="mui-bar mui-bar-nav top">
			<div class="mui-input-row mui-search">
				<input type="search" class="mui-input-clear" placeholder="请输入商家，品类，商圈">
			</div>
		</header>
		<div class="mui-content">
			<div id="slider" class="mui-slider">
				<div class="mui-slider-group mui-slider-loop">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img src="../images/4banner.png">
						</a>
					</div>
					<!-- 第一张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="../images/1banner.png">
						</a>
					</div>
					<!-- 第二张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="../images/2banner.png">
						</a>
					</div>
					<!-- 第三张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="../images/3banner.png">
						</a>
					</div>
					<!-- 第四张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="../images/4banner.png">
						</a>
					</div>
					<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img src="../images/1banner.png">
						</a>
					</div>
				</div>
			</div>
			<div class="banner">
				<ul>
					<li class="l1 active">综合排序<span class="mui-icon mui-icon-arrowdown"></span></li>
					<li class="l2">地区<span class="mui-icon mui-icon-arrowdown"></span></li>
					<li class="l3">品类<span class="mui-icon mui-icon-arrowdown"></span></li>
				</ul>
			</div>
			<div class="show">
				<!--<dl>
					<dd>超级马卡龙</dd>
					<span>味道棒棒哒</span>
					<dt><img src=""/></dt>
				</dl>
					<dl>
					<dd>超级马卡龙</dd>
					<span>味道棒棒哒</span>
					<dt><img src=""/></dt>
				</dl>
					<dl>
					<dd>超级马卡龙</dd>
					<span>味道棒棒哒</span>
					<dt><img src=""/></dt>
				</dl>-->
			</div>
		</div>
	</body>
</html>